<!--  -->
<template>
  <div>
    <span class="title">测试一</span>
    <FormTable
      :formData="formData"
      :columnData="columnData"
      :total="100"
      column_type="index"
      :url="$api.getMerchant"
      :pageConfig="pageConfig"
    ></FormTable>
  </div>
</template>

<script>
import FormTable from "@/components/formTable.vue";
export default {
  data() {
    return {
      formData: [
        {
          name: "id",
          label: "ID",
          value: "",
          type: "input"
        }
      ],
      columnData: [
        {
          prop: "id",
          label: "id"
        },
        {
          prop: "name",
          label: "姓名"
        },
        {
          prop: "created_at",
          label: "创建时间"
        }
      ],
      pageConfig: {
        page: 1,
        page_size: 10,
        name: "总部"
      }
    };
  },
  components: { FormTable },
  methods: {
    handleSizeChange(e) {
      console.log(e);
    },
    handleCurrentChange(e) {
      console.log(e);
    },
    submit(e) {
      console.log(e);
    },
    reset(e) {
      console.log(e);
    }
  }
};
</script>
<style lang='scss' scoped>
.title {
  display: inline-block;
  margin-bottom: 50px;
}
</style>